<template>
	<view>
		<view class="u-card-box u-m-b-20" v-for="item in newsList" :key="item.id" @click="goNewsDetail(item)">
			<view class="u-flex u-col-top">
				<view class="u-m-r-20" v-if="item.tpic">
					<u-image width="240rpx" height="140rpx" border-radius="10" :src="item.tpic"></u-image>
				</view>
				<view class="u-font-30 u-font-bold u-text-line-15">{{item.title}}</view>
			</view>
			<view class="u-flex u-row-between u-m-t-20">
				<view class="u-flex">
					<u-icon name="clock-fill" color="#888B9C" size="34"></u-icon>
					<view class="u-font-26 u-m-l-10 u-color-gray">{{item.create_time}}</view>
				</view>
				<!-- <view class="u-flex">
					<u-icon name="eye-fill" color="#888B9C" size="34"></u-icon>
					<view class="u-font-26 u-m-l-10 u-color-gray">浏览量：{{item.view_number}}</view>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['list'],
		data() {
			return {
				newsList: []
			}
		},
		watch: {
			list: {
				handler(newValue, oldValue) {
					this.newsList = newValue
				},
				deep: true
			}
		},
		methods:{
			goNewsDetail(val){
				this.$emit("goNewsDetail",val)
			}
		}
	}
</script>

<style>
</style>